<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div{
      width: 200px;
      height: 50px;
      border: 1px solid red;
      /*水平对齐方式,默认是left对齐*/
      text-align: center;
      /*设置行高,如果多行文本设置的是行间距
      单行文本可与控制垂直居中*/
      line-height: 50px;
      /*文本修饰 overline上划线
      underline下划线
      line-through删除线
      none去掉文本修饰*/
      text-decoration: line-through;
      color: red;
      /*文本阴影:颜色 x偏移值 y偏移值 清晰度(值越小越清晰，越大越模糊)*/
      text-shadow: lightskyblue 10px -5px 1px;
      /*字体大小*/
      font-size:25px ;
      /*字体加粗*/
      font-weight: bold;
      /*设置斜体*/
      font-style: italic;
      /*设置字体*/
      font-family:隶书;
    }
    a{
      text-decoration: none;/*去掉自带下划线*/
    }
    h1{
      font-weight: normal;/*去掉加粗效果*/
      font-family: 隶书;/*设置字体*/
      font: 20px cursive;/*字体大小+字体设置*/


    }
  </style>
</head>
<body>
<h1>这是自带加粗</h1>
<a href="https://img0.baidu.com/it/u=3915053937,3272928902&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800">百度链接</a>
<diV>文本和字体测试</diV>
</body>
</html>